<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>优惠卡券</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/activity.css" />
    <style>
        .ac_begin{
            height: 1rem;
            line-height: 1rem;
            margin-top: 2px;
        }
        .ac_totalCount{
            width: 100%; 
            margin-top: 40px;
            text-align: center;
            overflow: hidden;
        }
    </style>
    
</head>

<body>
    <!-- v-cloak -->
    <div id="app" v-cloak>
        <van-popup v-model="showsearch" position="top" :style="{ height: '3rem',background:'#f3f3f3' }">
            <div class="searchparamitem">
                <label v-bind:class="{'active':activeStatus==-1}" v-on:click="doClickStatus(-1)">全部</label>
                <label v-bind:class="{'active':activeStatus==0}" v-on:click="doClickStatus(0)">暂存</label>
                <label v-bind:class="{'active':activeStatus==1}" v-on:click="doClickStatus(1)">已发放</label>
                <label v-bind:class="{'active':activeStatus==2}" v-on:click="doClickStatus(2)">已失效</label>
            </div>
        </van-popup>
        <section id="main_refresh" class="aui-refresh-content bodymain" >
            <div v-if="list.length>0" class="ac_box" v-on:click="do_opendetail(item.ID)" v-for="item in list">
                <div class="ac_main fl">
                    <div class="ac_title mt10">{{item.CouponName}}</div>
                    <div class="ac_msg font55 color9">面值/折扣：{{item.CardMoneyDiscount}}元</div>
                    <div class="ac_time font55 color9">{{item.ActiveTimeRangeDesc}}</div>
                </div>
                <div class="ac_pos fr">
                    <div v-if="item.UseType==1" class="ac_type font55 fr">{{item.UseTypeDesc}}</div>
                    <div v-if="item.UseType==2" class="ac_type font55 fr redbgcolor">{{item.UseTypeDesc}}</div>
                    <div class="ac_totalCount font55 ">发行量:{{item.UseCount}}/{{item.UseNeedAmountDesc}}</div>
                    <div v-if="item.CouponTypeTag==0" class="ac_begin font7 ">{{item.CouponTypeDesc}}</div>
                    <div v-if="item.CouponTypeTag==1" class="ac_begin font7 bluecolor">{{item.CouponTypeDesc}}</div>
                    <div v-if="item.CouponTypeTag==2" class="ac_begin font7 color9">{{item.CouponTypeDesc}}</div>
                </div>
            </div>
            <div v-if="list!=undefined&&list.length<=0&&!is_searching" class="noshuju">
                <van-empty description="暂无数据" />
            </div>
        </section>
        <div class="pagebtn">
            <div class="buttom longwidth" v-on:click="do_addCard()">新增卡券</div>
        </div>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-actionsheet.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/mui/mui.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.picker.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.poppicker.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript " src="js/youhui_cardlist.js"></script>



</html>
